.billInfoCss {
    width: 750px;
    position: relative;
    .mapBox {
        height: 1000px;
        overflow: hidden;
    }
    .floatBox {
        position: absolute;
        top: 40%;
        left: 2.5%;
        // border: 1Px solid red;
        width: 705px;
        // height: 300px;
        // margin: 0 auto;
        z-index: 9;
        >View {
            border-radius: 5px;
            background: #fff;
            box-shadow: 1Px 1Px 5px rgb(127 127 127 / 26%);
            margin-top: 20px;
        }
        .reloadBox {
            width: 55px;
            height: 55px;
            display: flex;
            align-items: center;
            justify-content: center;

        }
        .distanceBox {
            height: 118px;
            margin-top: 20px;
            display: flex;
            align-items: center;
            padding-left: 20px;
            >Text {
                font-size: 32px;

            }
        }
        .contactInfoBox {
            height: 188px;
            display: flex;
            justify-content: space-around;
            align-items: center;
            >View {
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;
            }
            >View:last-child>View {
                width: 76px;
                height: 76px;
                border-radius: 50%;
                overflow: hidden;
                background-color: #c6c6c6;
                display: flex;
                justify-content: center;
                align-items: center;
            }
            >View>View {
                width: 76px;
                height: 76px;
                border-radius: 50%;
                overflow: hidden;
                background-color: #3774EC;
                display: flex;
                justify-content: center;
                align-items: center;
            }
           
            >View>Text {
                font-size: 24px;
                margin-top: 25px;
                color: #3774EC;
            }
            >View:last-child>Text {
                font-size: 24px;
                margin-top: 25px;
                color: #c6c6c6;
            }
            
        }
        .helpBox {
            height: 170px;
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            padding: 20px;
            .hBtop {
                display: flex;
                justify-content: space-between;
                align-items: center;
                .hbImgBox {
                    display: flex;
                    align-items: center;
                    Image {
                        width: 100px;
                        height: 100px;
                    }
                    Text {
                        font-size: 28px;
                        color: #555;
                        margin-left: 24px;
                    }
                }
                .hbPriBox {
                    color: #FF6600;
                    >Text:first-child {
                        font-size: 24px;
                    }
                    >Text:last-child {
                        font-size: 40px;
                    }
                }
            }
            .hBbottom {
                display: flex;
                justify-content: flex-end;
                align-items: center;
                border-top: 1px solid #eee;
                padding-top: 10px;
                >Text:first-child {
                    color: #333;
                    font-size: 28px;
                }
                >Text:nth-child(2) {
                    font-size: 24px;
                    color: #FF6600;
                    margin-left: 20px;
                }
                >Text:nth-child(3) {
                    font-size: 32px;
                    color: #FF6600;
                }
            }
        }
        .detailBox {
            height: 290px;
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            font-size: 28px;
            padding: 25px;
            >Text {
                color: #555;
            }
            >View {
                display: flex;
                justify-content: space-between;
            }
            >View>Text:first-child {
                color: #999;
            }
            >View>Text:last-child {
                color: #242424;
            }
        }
        .billBox {
            height: 350px;
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            font-size: 28px;
            padding: 25px;
            >Text {
                color: #555;
            }
            >View {
                display: flex;
                justify-content: space-between;
            }
            >View>Text:first-child {
                color: #999;
            }
            >View>Text:last-child {
                color: #242424;
            }
        }
    }
}